<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:rich="http://richfaces.org/rich"
                template="/templates/diamond-parking.xhtml">
    
    <ui:define name="pageTitle">Login</ui:define>
    
    <ui:define name="pageBody">
        <h:form id="login" style="text-align: center;">
            <rich:messages globalOnly="true"/>
            
            <div style="margin: 20px;">
                <h:outputLabel for="username">Login Name</h:outputLabel><br/>
                <h:inputText id="username" value="#{identity.username}"/><br/>
            </div>
            
            <div style="margin: 20px;">
                <h:outputLabel for="password">Password</h:outputLabel><br/>
                <h:inputSecret id="password" value="#{identity.password}"/><br/>
            </div>
            
            <div style="margin: 20px;">
                <h:commandButton id="login" action="#{identity.login}" value="Login"/><br/>
            </div>
        </h:form>
    </ui:define>
    
</ui:composition>